﻿html, body, h1, h2 {
    margin: 0;
    padding: 0;
}
#header ul, #header li, #flowerWrap ul, #flowerWrap li, #footer ul, #footer li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
a img {
    border: 0 none;
}
.floatWrap:after, #example:after {
    clear: both;
    content: "";
    display: block;
}
.floatWrap, #example {
    display: inline-block;
}
.floatWrap, #example {
    display: block;
}
html, body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    height: 100%;
}
html, body, #exceptFooterWrap {
    min-height: 100%;
}
html {
    font: 75% arial,helvetica,sans-serif;
    overflow-y: scroll;
}
p code {
    color: #0066CC;
}
#examplesThemeChooser .k-arrow-down, #navWrap .k-sprite, #codeStrip .k-link, .configuration .configHead, .configuration .infoHead, .configuration .configTitle, .exampleIcon, .detailCollapsed, .detailExpanded, .console div, #telerik, #introText dt, #footer .icon, .k-qr {
    background-color: transparent;
    background-image: url("sprite.png");
    background-repeat: no-repeat;
}
.k-widget, #navWrap ul {
    outline: medium none;
}
#exceptFooterWrap {
    display: table;
    height: 100%;
    width: 100%;
}
* + html #exceptFooterWrap {
    display: block;
    height: auto;
    min-height: 100%;
    width: auto;
}
#exceptFooter {
    padding-bottom: 100px;
}
#exceptFooterWrap, #flowerWrap, #footer {
    min-width: 960px;
}
#exceptFooter .centerWrap, #footer .centerWrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1230px;
}
#navmainWrap {
    margin-top: 0;
}
#navWrap {
    float: left;
    min-width: 190px;
    overflow: hidden;
    width: 19%;
}
#main {
    min-width: 760px;
}
.hasNavigation #main {
    float: right;
    width: 79%;
}
.overview #main {
    float: none;
    width: auto;
}
#footer {
    clear: both;
    height: 71px;
    margin-top: -72px;
    position: relative;
}
#header {
    background: -moz-linear-gradient(center top , #FEFEFE 0%, #F5F5F5 50%, #E6E6E6 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 4px #555555;
    padding: 4px 0 5px;
    position: relative;
    text-rendering: optimizelegibility;
}
.overview #header {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #FFFFFF 42px, #EBEBEB 100%) repeat scroll 0 0 transparent;
}
#header h1 {
    float: left;
    width: 133px;
}
#logo {
    background: url("kendo-logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 36px;
    overflow: hidden;
    text-indent: -4000px;
}
#referenceUrl {
    display: none;
}
#header ul {
    float: right;
    margin-top: 3px;
}
#navi-top {
    float: none;
    line-height: 34px;
    margin-top: 0;
}
#header li, #header li a, a.bigButton {
    float: left;
    margin: 0 0 0 1.2em;
}
#header li a, a.bigButton, .demos-button {
    color: #2E2E2E;
    font-size: 17px;
    line-height: 2.1;
    text-decoration: none;
}
.overview #navi li a {
    font-size: 20px;
}
#header li a:hover, #header li a.demosLink {
    color: #EF652A;
}
li a#download, a.bigButton, .demos-button {
    background: -moz-linear-gradient(center top , #4C4C4C 0%, #393939 50%, #262626 100%) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    opacity: 1;
    padding: 0 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#navi a#download {
    border-top: 1px solid #999999;
    padding: 8px 19px 9px 18px;
}
li a#download:hover, a.bigButton:hover, .demos-button:hover {
    background: -moz-linear-gradient(center top , #6A6A6A 0%, #575757 50%, #444444 100%) repeat scroll 0 0 transparent;
    color: #FFFFFF;
}
.overview #header h1 {
    height: 72px;
    margin-top: -15px;
    width: 209px;
}
* + html .overview #header h1 {
    margin-top: 12px;
}
.overview #logo {
    background: url("kendo-logo-big.png") no-repeat scroll 0 0 transparent;
    height: 100%;
}
.overview #header {
    height: 140px;
    padding: 0;
}
.overview .centerWrap {
    position: relative;
    width: 940px;
}
#navi {
    font-size: 17px;
    margin-top: 25px;
    padding-right: 1px;
}
#navi ul {
    float: right;
    margin-top: 4px;
    vertical-align: top;
}
#navi-top ul {
    float: none;
    padding-top: 3px;
}
#navi a, #navi-top li a {
    -moz-transition: all 0.2s ease 0s;
    font-size: 13px;
}
#navi li, #navi li a, #navi-top li, #navi-top li a {
    margin-left: 0;
}
#navi li {
    margin-left: 35px;
    vertical-align: top;
}
#navi li a {
    line-height: 40px;
}
#navi-top {
    overflow: hidden;
}
#navi-top li {
    margin-right: 31px;
}
#navi a:hover, #navi-top a:hover {
    color: #E34F26;
}
#navi li.active {
    position: relative;
}
#header .active a {
    color: #E34F26;
}
#navi li.active em {
    border-color: #E6E6E6 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    left: 50%;
    margin: 0 0 0 -7px;
    position: absolute;
    top: 69px;
    width: 0;
}
#navi li.active em.shadow {
    border-top-color: #777777;
    border-width: 11px 11px 0;
    margin-left: -8px;
    opacity: 0.5;
}
.overview li a#download {
    border-top: 1px solid #999999;
    font-size: 18px;
    line-height: 18px;
}
#navi-back {
    background: none repeat scroll 0 0 #E6E6E6;
    border-bottom: 1px solid #D4D4D4;
    box-shadow: 0 2px 2px #CCCCCC inset;
    height: 41px;
}
#flowerWrap {
    background: url("sprite.png") repeat-x scroll 0 -1000px #F2F2F2;
    box-shadow: 0 -2px 2px #DDDDDD inset;
    margin-bottom: 1px;
}
#flowerWrap .flowers {
    background: none repeat scroll 0 0 #EF652A;
    border-bottom: 1px solid #BC5021;
    height: 7px;
}
#flowerWrap img {
    margin: 50px 0 0 55px;
}
.learnBlock {
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    line-height: 1.692em;
    margin: 54px 56px 0 0;
}
.learnBlock h1 {
    font-size: 2.154em;
    line-height: 1.143em;
    margin-bottom: 0.714em;
    text-shadow: 0 1px 0 #333333;
}
.learnBlock .bigButton {
    margin-top: 21px;
}
a.bigButton {
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
    margin-left: 0;
    padding: 5px 14px 6px 13px;
}
.overview #flowerWrap {
    height: 294px;
}
.overview #flowerWrap .flowers {
    background: url("flowers.png") no-repeat scroll 50% 3px #EF652A;
    height: 100%;
}
#topnav {
    display: inline-block;
    list-style: none outside none;
    margin: 0 0 0 8px;
    padding: 0;
    vertical-align: top;
}
* + html #topnav {
    float: left;
}
* + html #flowerWrap {
    display: inline-block;
}
* + html #flowerWrap {
    display: block;
}
#topnav li {
    float: left;
}
#topnav a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DEDEDE;
    border-style: solid;
    border-width: 1px 0 0 1px;
    color: #000000;
    display: block;
    font-size: 1.2em;
    padding: 12px 18px;
    text-align: center;
    text-decoration: none;
}
#topnav a:hover {
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 11px;
}
#topnav a.selected, #topnav a.selected:hover {
    background: none repeat scroll 0 0 #EF652A;
    border-bottom: 1px solid #EF652A;
    border-top-color: #EF652A;
    color: #FFFFFF;
    cursor: default;
    margin-top: -1px;
    padding-bottom: 11px;
    padding-top: 13px;
    position: relative;
    z-index: 1;
}
#topnav a.last {
    border-right-width: 1px;
}
#navWrap {
    padding: 1.6875em 0 0;
}
#navWrap h3 {
    font-size: 1.333em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0.25em;
}
#navWrap .k-panelbar {
    margin-bottom: 1.6875em;
}
#navWrap .k-panelbar, #navWrap .k-group, #navWrap .k-item {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: hidden;
}
#navWrap .k-group {
    padding-top: 5px;
}
#navWrap .k-item {
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 8px;
}
#navWrap .k-item .k-item {
    padding-left: 12px;
}
#navWrap .k-link {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #2175BD;
    font: 16px/36px bold Arial,Helvetica,sans-serif;
    padding: 1px 1px 1px 11px;
    position: relative;
}
#navWrap li li .k-link {
    font-size: 12px;
    line-height: 18px;
    padding: 1px 1px 1px 21px;
}
#navWrap .k-state-selected, #navWrap .k-state-highlighted > .k-link, #navWrap .chosen {
    background: -moz-linear-gradient(center top , #DEDEDE 0%, #C1C1C1 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D0D0D0;
    border-radius: 3px 3px 3px 3px;
    color: #2E2E2E;
    padding: 0 0 0 10px;
    text-shadow: 0 1px 1px #FFFFFF;
}
#navWrap li li .k-state-selected, #navWrap li li .k-state-highlighted > .k-link, #navWrap li li .chosen {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    filter: none;
    text-shadow: none;
}
#navWrap .k-icon {
    display: none;
}
#navWrap .k-image, #navWrap .k-sprite {
    margin-top: 10px;
}
.overviewIcon {
    background-position: -50px -350px;
}
.autocompleteIcon {
    background-position: 0 -200px;
}
.comboBoxIcon {
    background-position: 0 -230px;
}
.dropDownListIcon {
    background-position: 0 -260px;
}
.chartIcon {
    background-position: 0 -290px;
}
.chartBarIcon {
    background-position: -20px -290px;
}
.chartLineIcon {
    background-position: -20px -350px;
}
.chartPieIcon {
    background-position: -20px -380px;
}
.chartScatterIcon {
    background-position: -20px -410px;
}
.chartAreaIcon {
    background-position: -20px -470px;
}
.gridIcon {
    background-position: 0 -320px;
}
.menuIcon {
    background-position: 0 -350px;
}
.panelBarIcon {
    background-position: 0 -380px;
}
.sliderIcon {
    background-position: 0 -410px;
}
.splitterIcon {
    background-position: 0 -440px;
}
.tabStripIcon {
    background-position: 0 -470px;
}
.treeViewIcon {
    background-position: 0 -500px;
}
.uploadIcon {
    background-position: 0 -530px;
}
.windowIcon {
    background-position: -50px -290px;
}
.dataSourceIcon {
    background-position: -50px -200px;
}
.templatesIcon {
    background-position: -50px -230px;
}
.dragdropIcon {
    background-position: -50px -260px;
}
.integrationIcon {
    background-position: -50px -320px;
}
.calendarIcon {
    background-position: -50px -380px;
}
.datepickerIcon {
    background-position: -50px -410px;
}
.numerictextboxIcon {
    background-position: -50px -440px;
}
.timepickerIcon {
    background-position: -50px -470px;
}
.validatorIcon {
    background-position: -50px -500px;
}
.globalizationIcon {
    background-position: -50px -530px;
}
.mobileAppIcon {
    background-position: -100px -200px;
}
.mobileButtonIcon {
    background-position: -100px -230px;
}
.mobileHistoryIcon {
    background-position: -100px -260px;
}
.mobileListViewIcon {
    background-position: -100px -290px;
}
.mobileNavBarIcon {
    background-position: -100px -320px;
}
.mobileSwitchIcon {
    background-position: -100px -350px;
}
.mobileTabStripIcon {
    background-position: -100px -380px;
}
.mobileButtonGroupIcon {
    background-position: -100px -410px;
}
.mobileScrollViewIcon {
    background-position: -100px -440px;
}
#exampleWrap {
    padding-top: 10px;
}
.overview #exampleWrap {
    display: block;
}
#example {
    border: 1px solid #DEDEDE;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    margin: 1em 0 0;
    min-height: 260px;
    padding: 50px 20px 20px;
    position: relative;
    text-align: left;
    width: auto;
}
#exampleTitle {
    background: none repeat scroll 0 0 transparent;
    font: 18px arial,helvetica,sans-serif;
    margin-left: 21px;
    margin-top: 40px;
    position: absolute;
    z-index: 1;
}
.exampleIcon {
    display: block;
    float: left;
    height: 16px;
    margin-right: 8px;
    margin-top: 4px;
    width: 16px;
}
#footer {
    background: none repeat scroll 0 0 #4D4D4D;
    border-top: 1px solid #333333;
    color: #808080;
}
#footer ul, #footer #telerik {
    margin: 1.3em 0 0;
}
#footer ul {
    float: left;
    list-style: none outside none;
}
#footer li {
    display: inline;
    margin: 0 0.6em 0 0;
    padding: 0;
}
#footer a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer .icon {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-indent: -4000px;
    vertical-align: middle;
    width: 16px;
}
#footer .tw {
    background-position: -16px -940px;
}
#footer .rss {
    background-position: -32px -940px;
}
#footer .fb {
    background-position: 0 -940px;
}
#footer .gplus {
    background-position: -48px -940px;
}
#telerik {
    background-position: 0 -700px;
    float: right;
    height: 40px;
    width: 107px;
}
#telerik a {
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -4000px;
}
#copy {
    clear: left;
    float: left;
    font-size: 0.9em;
    margin: 0.6em 0 0;
}
pre.prettyprint {
    overflow: hidden;
}
.console {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    font: 11px Consolas,Monaco,"Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    height: 200px;
    margin: 1.4em 0 0;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: left;
}
.console .count {
    background-color: #91AFEF;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    font-size: 10px;
    margin-left: 5px;
    padding: 2px 6px 2px 5px;
}
.console div {
    background-position: 6px -95px;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 5px 4px 24px;
}
.console .error {
    background-position: 6px -135px;
}
.configuration {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #DEDEDE;
    border-radius: 0 5px 5px 0;
    color: #000000;
    float: right;
    height: 100%;
    margin: -51px -21px 0 0;
    min-height: 220px;
    padding: 0 20px 30px;
    width: 180px;
}
.absConf .configuration {
    height: auto;
    margin: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 2;
}
.configuration-horizontal {
    border-radius: 5px 5px 0 0;
    float: none;
    height: auto;
    margin-bottom: 20px;
    min-height: 0;
    position: static;
    width: auto;
}
.configuration-horizontal-bottom {
    border-radius: 0 0 5px 5px;
    float: none;
    height: auto;
    margin: 20px -21px -21px;
    min-height: 0;
    position: static;
    width: auto;
}
.configuration .configHead, .configuration .infoHead {
    background-position: 0 -178px;
    color: #4C4C4C;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-indent: 20px;
}
.configuration .infoHead {
    background-position: -107px -722px;
}
.configuration .configTitle {
    background-position: 0 21px;
    border-bottom: 1px solid #FFFFFF;
    color: #2175BD;
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
}
.configuration .options {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.configuration .options li {
    display: inline-block;
    margin: 0;
    padding: 0.2em 0;
}
.configuration .options li {
    display: block;
}
.configuration .options li:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.configuration label, .configuration input {
    line-height: 20px;
    margin-top: 0;
    vertical-align: middle;
}
.configuration label {
    float: left;
}
.configuration input {
    width: 40px;
}
.configuration input, .configuration select {
    float: right;
}
.configuration .k-button {
    margin-bottom: 3px;
}
#codeStrip {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    font: 12px bold Arial,Helvetica,sans-serif;
    margin: 1.4em 0 0;
}
#codeStrip .k-tabstrip-items {
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
#codeStrip .k-item {
    -moz-box-sizing: border-box;
    background-color: #4D4D4D;
    border-radius: 0 0 0 0;
    border-width: 1px 1px 0;
    float: left;
    margin-right: 0;
    overflow: hidden;
    width: 20%;
}
* + html #codeStrip .k-item {
    width: 19.7%;
}
#codeStrip .k-state-default {
    border-color: #808080 #585858 transparent #808080;
}
#codeStrip .k-first {
    border-radius: 5px 0 0 0;
}
#codeStrip .k-last {
    border-radius: 0 5px 0 0;
    border-right-color: #808080;
}
#codeStrip .k-link {
    background-repeat: repeat-x;
    border-radius: 0 0 0 0;
    display: block;
    line-height: 22px;
    padding: 10px 20px;
    text-align: center;
}
#codeStrip .k-state-default .k-link {
    background-position: 0 -630px;
    color: #FFFFFF;
}
#codeStrip .k-state-active .k-link {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
#codeStrip .k-state-hover {
    background-color: #2D2D2D;
}
#codeStrip .k-state-hover .k-link {
    border-radius: 0 0 0 0;
    text-decoration: underline;
}
#codeStrip .k-state-active, #codeStrip .k-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DEDEDE;
    color: #000000;
}
#codeStrip .k-content {
    border-radius: 0 0 5px 5px;
    margin: -1px 0 0;
    overflow: hidden;
    padding: 20px 0 0;
}
#codeStrip .description {
    line-height: 1.6;
    padding: 10px 20px 20px;
}
#codeStrip p {
    line-height: 1.8;
}
#codeStrip .codeContainer {
    padding: 20px;
}
#examplesThemeChooser {
    float: right;
    margin: 7px 0 0;
    padding: 0;
    vertical-align: top;
}
#examplesThemeChooser label {
    padding-right: 2px;
}
#examplesThemeChooser label, #examplesThemeChooser .k-widget {
    vertical-align: middle;
}
#examplesThemeChooser .themeChooser {
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0 4px 0 0;
    width: 200px;
}
#examplesThemeChooser .k-state-default, #examplesThemeChooser .k-state-hover, #examplesThemeChooser .k-state-hover:hover, #examplesThemeChooser .k-state-active, #examplesThemeChooser .k-state-focused {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DEDEDE;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
}
#examplesThemeChooser .k-state-focused, #examplesThemeChooser .k-state-hover, #examplesThemeChooser .k-state-active {
    box-shadow: 2px 2px 2px 0 #AAAAAA;
}
#examplesThemeChooser .k-input {
    color: #333333;
}
#examplesThemeChooser .k-arrow-down {
    background-position: 100% -693px;
}
#skinSelector-list {
    background: none repeat scroll 0 0 #F3F3F3;
    border-color: #DEDEDE;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 1px 2px #BBBBBB;
    color: #2175BD;
    height: auto !important;
    margin-left: 3px;
    margin-top: 3px;
    padding: 3px 0 0;
}
#skinSelector-list .k-state-selected, #skinSelector-list .k-state-hover {
    background: none repeat scroll 0 0 #C7CED1;
    border-color: transparent;
    color: #0C303C;
}
#skinSelector-list .k-state-hover {
    color: #000000;
}
#skinSelector-list .thumbLink {
    color: #555555;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    margin: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 51px;
}
#skinSelector-list #launch-themebuilder {
    background: url("launch-themebuilder.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 54px;
    margin-top: 6px;
    overflow: hidden;
    text-indent: -999em;
}
#skinSelector-list .k-state-hover .thumbLink {
    color: #222222;
}
#skinSelector-list .k-item {
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin-left: 7px;
    margin-top: 3px;
    overflow: hidden;
}
#skinSelector-list .thumb {
    background-color: transparent;
    background-image: url("Menu/thumbSprite.png");
    background-repeat: no-repeat;
    border-color: #D7D7D7;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 46px;
    width: 46px;
}
#example.mobileExample {
    padding-right: 200px;
}
.mobileConfiguration {
    margin-bottom: -21px;
    margin-right: -202px;
    min-height: 820px;
    padding-left: 0;
    padding-right: 0;
    width: 200px;
}
#downloadMobile {
    display: block;
    float: none;
    line-height: 1;
    margin: 20px;
    padding: 1em 0 0.7em;
    text-align: center;
}
#downloadMobile strong {
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0 auto -0.1em;
}
#downloadMobile em {
    color: #999999;
    font-size: 10px;
    font-style: normal;
}
#deviceList li {
    padding: 0;
}
#deviceList .thumbLink, #qrWrap {
    padding-left: 20px;
    padding-right: 20px;
}
#deviceList .thumbLink {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F5F5F5 #DEDEDE #DEDEDE;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 12px;
}
#deviceList li:first-child .thumbLink {
    border-top-color: #DEDEDE;
}
#deviceList .selectedThumb {
    background-color: #FFFFFF;
    border-left-color: #FFFFFF;
}
#deviceList .skinTitle {
    color: #999999;
    display: inline-block;
    font-size: 11px;
    height: 48px;
    padding: 16px 0;
    vertical-align: top;
    width: 70px;
}
#deviceList .skinTitle em {
    color: #444444;
    font-size: 15px;
    font-style: normal;
}
#deviceList .thumb {
    background: url("ios.png") no-repeat scroll 0 50% transparent;
    display: inline-block;
    height: 64px;
    text-align: center;
    text-indent: -4444px;
    vertical-align: top;
    width: 48px;
}
#deviceList .androidThumb {
    background-image: url("android.png");
}
#deviceList .iosThumb {
    background-image: url("ios.png");
}
#qrWrap {
    color: #444444;
}
#qr {
    color: #2175BD;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
}
#qr:hover {
    text-decoration: underline;
}
#qr em {
    font-style: normal;
}
#qrBig {
    display: none;
    margin: 0 20px;
}
.k-qr {
    background-position: 0 -972px;
    height: 16px;
    margin-right: 8px;
    vertical-align: text-top;
    width: 16px;
}
#skinSelector-list .gloss {
    display: block;
    height: 100%;
    width: 100%;
}
#skinSelector-list .blackThumb {
    background-position: 0 0;
}
#skinSelector-list .opalThumb {
    background-position: -46px 0;
}
#skinSelector-list .defaultThumb {
    background-position: -92px 0;
}
#skinSelector-list .silverThumb {
    background-position: -184px 0;
}
#skinSelector-list .metroThumb {
    background-position: -138px 0;
}
.detailBody {
    display: none;
}
.detailHandle {
    background: -moz-linear-gradient(center top , #F2F2F2 0%, #E3E3E3 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    color: #4D4D4D;
    font-size: 12px;
    margin: 0;
    padding: 10px 10px 10px 25px;
}
.detailHandle b {
    color: #000000;
    text-decoration: underline;
}
.detailHandle .type {
    margin-right: 4px;
}
.detailHover b {
    color: #00234C;
}
.detailHover {
    background: -moz-linear-gradient(center top , #9E9E9E 0%, #C7C7C7 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}
.detailHandleExpanded {
    background: -moz-linear-gradient(center top , #DDDDDD 0%, #C1C1C1 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}
.detailBody {
    background: -moz-linear-gradient(center top , #E3E3E3 0%, #F2F2F2 50px) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    padding: 1px 25px;
}
.detailBody .desc {
    margin: 10px 0;
}
.detailBody .prettyprint {
    margin-bottom: 0;
}
.light {
    color: #555555;
}
.heading {
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
}
.methodDetail, .detailList {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.detailList {
    padding-bottom: 10px;
}
#navmainWrap .nomargin {
    box-shadow: none;
    margin: 0;
}
.nomargin dd {
    margin: 0;
}
.optionsContainer, .propertiesContainer, .methodsContainer, .eventsContainer {
    border-top: 1px solid #DEDEDE;
}
.detailCollapsed, .detailExpanded {
    background-position: 0 -15px;
    float: left;
    height: 15px;
    margin-left: -25px;
    width: 20px;
}
.detailExpanded {
    background-position: 0 -52px;
}
.code-sample, .details-list {
    background: none repeat scroll 0 0 #E5E5E5;
    border: 3px solid #DEDEDE;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    margin: 6px 0;
}
.code-title, .details-title {
    background: -moz-linear-gradient(center top , #EBEBEB 0%, #DEDEDE 100%) repeat scroll 0 0 transparent;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 8px 10px;
}
.prettyprint, .details-list dl {
    border-radius: 2px 2px 2px 2px;
    margin: 0;
    padding: 0;
}
.code-sample .prettyprint, .details-list dl {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 0 none;
    padding: 10px;
}
.k-black #example .code-title, .k-black #example .details-title {
    background: -moz-linear-gradient(center top , #333333 0%, #222222 100%) repeat scroll 0 0 transparent;
    color: #FFFFFF;
}
.k-black #example .code-sample, .k-black #example .details-list {
    background: none repeat scroll 0 0 transparent;
    border-color: #222222;
}
.k-black #example .code-sample .prettyprint, .k-black #example .details-list dl {
    background: none repeat scroll 0 0 transparent;
}
.code-sample .prettyprint {
    font-size: 12px;
}
pre .nocode {
    background-color: transparent;
    color: #000000;
}
pre .str, pre .atv {
    color: #E25000;
}
pre .kwd {
    color: #0033FF;
}
pre .com {
    color: #666666;
}
pre .typ {
    color: #000000;
}
pre .lit {
    color: #006666;
}
pre .pun {
    color: #333333;
}
pre .pln {
    color: #42545A;
}
pre .tag {
    color: #0066CC;
}
pre .atn {
    color: #6666FF;
}
pre .dec {
    color: #CC0000;
}
ol.linenums {
    color: #333333;
    margin-bottom: 0;
    margin-top: 0;
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none;
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: none repeat scroll 0 0 #EEEEEE;
}
.k-black #example pre .nocode {
    color: #FFFFFF;
}
.k-black #example pre .str, .k-black #example pre .atv {
    color: #FF7020;
}
.k-black #example pre .kwd {
    color: #6093FF;
}
.k-black #example pre .com {
    color: #AAAAAA;
}
.k-black #example pre .typ {
    color: #FFFFFF;
}
.k-black #example pre .lit {
    color: #60C6C6;
}
.k-black #example pre .pun {
    color: #999999;
}
.k-black #example pre .pln {
    color: #A2B4BA;
}
.k-black #example pre .tag {
    color: #60C6FF;
}
.k-black #example pre .atn {
    color: #C6C6FF;
}
.k-black #example pre .dec {
    color: #FF6060;
}
.k-black #example ol.linenums {
    color: #DDDDDD;
}
.k-black #example li.L1, .k-black #example li.L3, .k-black #example li.L5, .k-black #example li.L7, .k-black #example li.L9 {
    background: none repeat scroll 0 0 #333333;
}
.details-list dl {
    background-color: #EDEDED;
    overflow: hidden;
    padding: 0;
}
.details-list dt, .details-list dd {
    margin: 0;
    padding: 7px 10px;
}
.details-list dt {
    clear: left;
    float: left;
    width: 250px;
}
.details-list dt:after {
    color: #CCCCCC;
    content: "|";
    float: right;
}
.details-list dt:nth-child(4n+1), .details-list dd:nth-child(4n+2) {
    background-color: #FFFFFF;
    min-height: 1.25em;
}
.overview #exampleTitle {
    display: none;
}
.overview #navWrap {
    display: none;
}
.overview #example h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 1.2em 0 0.6em;
}
.overview #example {
    border-width: 0;
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}
.mobile-info p {
    color: #606060;
}
.itemsOutline {
    display: block;
    margin: 0;
    padding: 0;
}
.itemsOutline, .itemsOutline li {
    list-style: none outside none;
}
.itemsOutline li {
    display: inline-block;
    margin: 0 0 0 56px;
    padding: 0;
    width: 260px;
}
* + html .itemsOutline li {
    display: inline;
}
.itemsOutline li:first-child {
    margin-left: 0;
}
.itemsOutline h2 {
    font-size: 18px;
}
.itemsOutline h2 > a {
    color: #000000;
    text-decoration: none;
}
.itemsOutline h2 strong {
    color: #555555;
    display: block;
    font-size: 10px;
    font-weight: normal;
}
.itemsOutline li > a {
    background-repeat: no-repeat;
    color: #2175BD;
    display: block;
    margin-top: 1em;
    padding-top: 117px;
    text-align: right;
    text-decoration: none;
}
.itemsOutline .web-box > a {
    background-image: url("demos-web.png");
    background-position: 0 10px;
}
.itemsOutline .mobile-box > a {
    background-image: url("demos-mobile.png");
}
.itemsOutline .dataviz-box > a {
    background-image: url("demos-dataviz.png");
    background-position: 0 3px;
}
.feature {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E6E6E6;
    border-radius: 10px 10px 10px 10px;
    margin-top: 3em;
    padding: 30px 50px 0;
}
.feature h2, .feature p, .feature .launch-button {
    margin-left: 266px;
}
#example .feature h2 {
    margin-top: 0;
}
.launch-image {
    float: left;
    margin-right: 44px;
    position: relative;
}
.launch-button {
    background: none repeat scroll 0 0 #333333;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    height: 32px;
    line-height: 32px;
    margin: 1.2em 0 2em;
    text-align: center;
    text-decoration: none;
    width: 104px;
}
* > .launch-button {
    background: url("bg-glossy.png") no-repeat scroll 0 0 #333333;
}
.overview-box {
    float: left;
    margin: 1.6em 32px 0;
    padding-bottom: 60px;
    text-align: left;
    vertical-align: top;
    width: 380px;
}
.overview-box ul {
    margin-left: 1.6em;
    padding-left: 0;
}
.mobile-info p {
    background: url("platforms.png") no-repeat scroll 0 center transparent;
    padding-left: 132px;
}
.browser-info h2 {
    background: url("browsers.png") no-repeat scroll 0 36px transparent;
    padding-bottom: 64px;
}
.chart-wrapper {
    background: url("chart-wrapper.png") repeat scroll 0 0 transparent;
    height: 546px;
    margin: 30px auto;
    position: relative;
    width: 650px;
}
#example.absConf .chart-wrapper {
    margin-left: 0;
}
.chart-wrapper #playButton {
    bottom: 56px;
    position: absolute;
    right: 15px;
}
.chart-wrapper #fpsCount {
    bottom: 60px;
    left: 15px;
    position: absolute;
    white-space: nowrap;
}
.chart-wrapper .k-chart {
    height: 420px;
    padding: 25px 50px;
    width: 550px;
}
#device-wrapper {
    background-image: url("iphone.png");
    background-size: cover;
    margin: auto;
    padding: 132px 72px 188px 66px;
}
#device-wrapper.android {
    background-image: url("nexus.png");
}
#device-wrapper, #mobile-application-container {
    height: 460px;
    overflow: hidden;
    position: relative;
    width: 320px;
}
:-moz-any(#device-wrapper) .km-scrollview {
    width: 320px;
}
#example [href*="index"] {
    visibility: hidden;
}
#example .km-android [href*="index"] {
    display: none;
}
#icon-list {
    margin: 0;
    padding: 0;
}
#icon-list li {
    display: inline-block;
    height: 50px;
    list-style: none outside none;
    margin: 0 0 0.6em;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 70px;
}
#icon-list span {
    background-color: #444444;
    display: block;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}
div.old-browser {
    background: none repeat scroll 0 0 #333333;
    display: block;
}
.old-browser .content {
    height: 120%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.old-browser .content:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.old-browser .centered {
    color: #EEEEEE;
    display: inline-block;
    font-size: 12px;
    margin: 20px;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.old-browser .centered strong {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
#navmainWrap .km-featured {
    clip-path: url("iconmasks.svg#featured");
}
#navmainWrap .km-toprated, #navmainWrap .km-favorites {
    clip-path: url("iconmasks.svg#toprated");
}
#navmainWrap .km-mostviewed {
    clip-path: url("iconmasks.svg#mostviewed");
}
#navmainWrap .km-bookmarks {
    clip-path: url("iconmasks.svg#bookmarks");
}
#navmainWrap .km-contacts {
    clip-path: url("iconmasks.svg#contacts");
}
#navmainWrap .km-download, #navmainWrap .km-downloads {
    clip-path: url("iconmasks.svg#download");
}
#navmainWrap .km-more {
    clip-path: url("iconmasks.svg#more");
}
#navmainWrap .km-android #navmainWrap .km-more {
    clip-path: url("iconmasks.svg#androidmore");
}
#navmainWrap .km-meego #navmainWrap .km-more {
    clip-path: url("iconmasks.svg#meegomore");
}
#navmainWrap .km-mostrecent {
    clip-path: url("iconmasks.svg#mostrecent");
}
#navmainWrap .km-recents {
    clip-path: url("iconmasks.svg#recents");
}
#navmainWrap .km-history {
    clip-path: url("iconmasks.svg#history");
}
#navmainWrap .km-add {
    clip-path: url("iconmasks.svg#add");
}
#navmainWrap .km-details {
    clip-path: url("iconmasks.svg#details");
}
#navmainWrap .km-info, #navmainWrap .km-about {
    clip-path: url("iconmasks.svg#info");
}
#navmainWrap .km-action {
    clip-path: url("iconmasks.svg#action");
}
#navmainWrap .km-camera {
    clip-path: url("iconmasks.svg#camera");
}
#navmainWrap .km-edit, #navmainWrap .km-compose {
    clip-path: url("iconmasks.svg#edit");
}
#navmainWrap .km-search {
    clip-path: url("iconmasks.svg#search");
}
#navmainWrap .km-trash, #navmainWrap .km-delete {
    clip-path: url("iconmasks.svg#trash");
}
#navmainWrap .km-organize {
    clip-path: url("iconmasks.svg#organize");
}
#navmainWrap .km-reply {
    clip-path: url("iconmasks.svg#reply");
}
#navmainWrap .km-stop {
    clip-path: url("iconmasks.svg#stop");
}
#navmainWrap .km-sounds, #navmainWrap .km-volume {
    clip-path: url("iconmasks.svg#sounds");
}
#navmainWrap .km-refresh {
    clip-path: url("iconmasks.svg#refresh");
}
#navmainWrap .km-play {
    clip-path: url("iconmasks.svg#play");
}
#navmainWrap .km-fastforward {
    clip-path: url("iconmasks.svg#fastforward");
}
#navmainWrap .km-pause {
    clip-path: url("iconmasks.svg#pause");
}
#navmainWrap .km-rewind {
    clip-path: url("iconmasks.svg#rewind");
}
#navmainWrap .km-settings {
    clip-path: url("iconmasks.svg#settings");
}
#navmainWrap .km-globe {
    clip-path: url("iconmasks.svg#globe");
}
#navmainWrap .km-home {
    clip-path: url("iconmasks.svg#home");
}
#navmainWrap .km-cart {
    clip-path: url("iconmasks.svg#cart");
}
#navmainWrap .km-battery {
    clip-path: url("iconmasks.svg#battery");
}
#navmainWrap .km-wifi {
    clip-path: url("iconmasks.svg#wifi");
}
#navmainWrap .km-share {
    clip-path: url("iconmasks.svg#share");
}
